<template>
  <div>
    <!-- 导航 -->
    <myNav/>
    <!-- 轮播 -->
    <van-swipe class="my-swipe" :autoplay="3000" indicator-color="#ffb500">
      <van-swipe-item ><img src="../assets/img/banner1.jpg" /></van-swipe-item>
      <van-swipe-item ><img src="../assets/img/banner2.jpg" /></van-swipe-item>
      <van-swipe-item ><img src="../assets/img/banner3.jpg" /></van-swipe-item>
      <van-swipe-item ><img src="../assets/img/banner4.jpg" /></van-swipe-item>
      <van-swipe-item ><img src="../assets/img/banner5.jpg" /></van-swipe-item>
    </van-swipe>

    <div class="container">
      <h1>主营产品</h1>
      <div class="intro">打造一站式预约服务平台助力，企业提升效率</div>
      <div class="product">
        <div class="product_item" @click="toProduct">
          <div class="img_container"><img src="../assets/img/product1.png"/></div>
          <div class="type">互联网+护理服务</div>
        </div>
        <div class="product_item" @click="toProduct">
          <div class="img_container"><img src="../assets/img/product2.png"/></div>
          <div class="type">互联网+医院陪护</div>
        </div>
        <div class="product_item" @click="toProduct">
          <div class="img_container"><img src="../assets/img/product3.png"/></div>
          <div class="type">互联网+家政服务</div>
        </div>
        <div class="product_item" @click="toProduct">
          <div class="img_container"><img src="../assets/img/product4.png"/></div>
          <div class="type">互联网+心理咨询</div>
        </div>
      </div>

      <h1>全国招募合伙人</h1>
      <div class="intro">四大优势助你轻松进入互联网产业</div>
      <div class="partner_img">
        <img src="../assets/img/partner1.png"/>
      </div>
      <h2>0.1前景优势</h2>
      <p>
        目前，全国65周岁及以上人口为16658万人,占总人口的比重为11.9%。随着老龄化的增加，社会需要大批的护理人员和家政服务人员。平台为一个预约服务性综合平台，使用人群广、服务项目多。项目市场利润空间大，创业前景非常好。
      </p>

      <div class="partner_img">
        <img src="../assets/img/partner2.png"/>
      </div>
      <h2>02.经营优势</h2>
      <p>
        线上预约、线下服务，平台属于轻资产运营。合伙人经营为独立经营，不受公司的约束。公司为合伙人搭建一个独立的管理后台，管理所属地区的经营活动。其主要功能：可自主上架或编辑项目、自主设定项目的价格、查看订单情况和账目情况等。
      </p>

      <div class="partner_img">
        <img src="../assets/img/partner3.png"/>
      </div>
      <h2>03.门槛优势</h2>
      <p>
        适合所有创业者，无需经验和技术。公司对合伙人进行“推广支持、品牌支持、形象支持、产品支持、管理支持”；对合伙人一对一培训，对不同的地区制定出不同的经营方案，运营前期派人进行指导和协助运营。
      </p>

      <div class="partner_img">
        <img src="../assets/img/partner4.png"/>
      </div>
      <h2>04.产品优势</h2>
      <p>
        公司有稳定的技术团队，产品开发历经两年八个月自主研发。现四个产品已经落地运营，平台系统运营稳定、成熟，用户体验感好。用户端有A PP端和公众号端、管理后台有移动端和PC端、护士护工端有APP 端。公司提供二 十四小时技术服务热线。 
      </p>
    </div>

    <!-- 公司介绍 -->
    <div class="company">
      <h1>公司简介</h1>
      <div class="intro">“互联网+”信息技术平台建设与运营企业</div>

      <div class="company_img">
        <img src="../assets/img/company.jpg">
      </div>
      <p>
        广东护康网络科技有限公司成立于2018年9月18日。由深圳护康网络科技有限公司和广东顺德南方医大科技园有限公司共同联合投资组建，属于科技推广和应用服务企业......
      </p>
    </div>

    <!-- 新闻动态 -->
    <div class="new">
      <van-tabs v-model="active" color="#4F93FF" >
        <van-tab title="新闻动态">
          <ul>
            <li @click="toNewDetail(2)">
              <div class="line">1.国家卫健委印发《全国护理事业发展规划（2021-2025年）》（附全文）</div>
              <div class="more_line">国家卫生健康委关于印发《全国护理事业发展规划（2021-2025年）》的通知国卫医发〔2022〕15号各省、自治区、直辖市及新疆生产建设兵团卫生健康委：为推进“十四五”时期我国护理事业高质量发展，提高人民群众健康水平，根据《中华人民共和国国民经...</div>
            </li>
            <li @click="toNewDetail(1)">
              <div class="line">2.护康科技联合智创家政商学院打造家政网店新模式</div>
              <div class="more_line">2022年5月5日，广东护康网络科技有限公司和广州智创天下咨询服务有限公司（智创家政商学院）在广州番禺签订战略合作协议，开启了全国连锁家政网店平台的运营。这将有力赋能家政创业者，让创业者少投入、多回报、避风险。       护康科技与智创家政的合作不仅涉及到家政行业，还将向养老领域...</div>
            </li>
            <li @click="toNewDetail(6)">
              <div class="line">3.”互联网+心理咨询“形式</div>
              <div class="more_line">随着网络沟通方式的发展，咨询师也在不断探索各种网络心理服务方式，目前应用的比较多的网络心理服务模式有 e-mail（包括同时或即时聊天）咨询、网上团体咨询和家庭治疗、网络支持团体以及网上心理健康信息资源等。     e-mail 咨询     e-mail 咨询（包括同时或即时聊天）提...</div>
            </li>
            <li @click="toNewDetail(7)">
              <div class="line">4.“互联网+心理咨询”保密性的问题</div>
              <div class="more_line">1999 年 10 月美国心理咨询委员会（ACA）发布的网络心理咨询伦理纲领和美国心理健康咨询师专业委员会（American Mental Health CounselorsAssociation，简称 AMHCA）的伦理守则中对于保密作出相似的规定。加密是强有力的网络保密工具。信息发...</div>
            </li>
            <li @click="toNewDetail(11)">
              <div class="line">5.互联网+护理服务</div>
              <div class="more_line">“互联网+护理服务”是指医疗机构利用在本机构注册(或备案)的护士，依托互联网等信息技术，以“线上申请、线下服务”的模式为主，为罹患疾病且行动不便的特殊人群提供的护理服务。     重点对高龄或失能老年人、康复期患者和终末期患者等行动不便的人群或者母婴人群。     医疗机构资质：取得《...</div>
            </li>
          </ul>
        </van-tab>
        <van-tab title="行业资讯">
          <ul>
            <li @click="toNewDetail(3)">
              <div class="line">1.互联网心理咨询方式的四大优势</div>
              <div class="more_line">    “互联网心理咨询”方式，指依托互联网电子邮件、视频或音频或即时录入文字等在线方式的传媒手段，按照国家心理咨询师执业的相关要求，运用心理咨询及相关治疗理论和技能，帮助求助者解决心理困扰的过程。     由于信息时代的迅猛发展，“互联网心理咨询”这种有别于传统门诊心理咨询的新生事物，正在以...</div>
            </li>
            <li @click="toNewDetail(4)">
              <div class="line">2.“互联网+心理咨询”模式</div>
              <div class="more_line">    根据全国调查显示，目前我国13亿人口中有心理障碍者占总人口的10%左右，平均每个城市25%的人都存在显性或隐性心理问题。其中，有各种心理障碍和心理疾病的人多达100多万，全球每年自杀未遂的达1000万人以上。     随着生活压力的加大，心理问题已经成为我国人民迫在眉睫的问题，心理咨询...</div>
            </li>
            <li @click="toNewDetail(5)">
              <div class="line">3.”互联网+心理咨询“靠谱吗？</div>
              <div class="more_line">    只要是正规的，有资质的心理咨询，都是很靠谱的。     凡是生活、工作、学习、家庭、疾病、康复、婚姻、育儿等方面所出现的心理问题，一旦求助者体验到不适或痛苦体验，都可属于健康心理咨询的工作范围。     为了心理健康，好的心理咨询师是很重要的，在选择时要选择泊恩心理这种大机构，泊恩心理...</div>
            </li>
            <li @click="toNewDetail(9)">
              <div class="line">4.“互联网+医院陪护”的质量标准</div>
              <div class="more_line">    护工的素质要求     1、护工基本素质、仪表要符合相关要求。     2、护工陪护患者要主动热情，服务态度好，尽快帮助患者适应环境，减轻痛苦。     3、定期检查护工对患者的服务质量及病人满意度。     4、每周检查一次，患者家属提出问题的解决情况；患者对陪护满意率在85%以上。...</div>
            </li>
            <li @click="toNewDetail(10)">
              <div class="line">5.“互联网+医院陪护”的范围</div>
              <div class="more_line">    陪护一般指家政和医疗行业的特殊专业护理人员。家政陪护包括病人陪护、老人陪护、医院陪护、情感陪护、心理陪护等。     老人陪护：护理老人个人卫生、健康，按照老人饮食的基础原则，科学合理的进食，保证老人的营养需求。掌握老人起居特点，使老人安全舒适的生活。     病人陪护：根据病人良好的...</div>
            </li>
          </ul>
        </van-tab>
        <van-tab title="常见问题">
          <ul>
            <li @click="toNewDetail(8)">
              <div class="line">1.如何确保证互联网心理咨询的有效性？</div>
              <div class="more_line">    尽管对于网络心理咨询人们的意见并不统一，但是一个不争的事实是网络心理咨询的发展势不可挡。所以目前很重要的一个实际问题是如何规范网络心理咨询与治疗。美国 APA 伦理委员会前任理事 George Stricker 最早谈到网络咨询师应当考虑的问题包括治疗关系的建立和责任的问题，来访者身份...</div>
            </li>
            <li @click="toNewDetail(14)">
              <div class="line">2.如何规范“互联网+护理服务”行为？</div>
              <div class="more_line">    试点医疗机构在提供服务前对申请者进行首诊，对其疾病情况、健康需求等情况进行评估。经评估认为可以提供“互联网+护理服务”的，可派出具备相应资质和技术能力的护士提供相关服务。     护士在执业过程中应当严格遵守有关法律法规、职业道德规范和技术操作标准，规范服务行为，切实保障医疗质量和安全...</div>
            </li>
            <li @click="toNewDetail(16)">
              <div class="line">3.优质护理服务包括哪些内容？</div>
              <div class="more_line">    一、入院护理     建立良好的护患关系     1、护士面带微笑，起立迎接新病人，给患者和家属留下良好第一印象     2、备好床单元。护送至床前，妥善安置，并通知医生。完成入院体重及生命体征的收集。     3.、主动进行自我介绍，入院告知：向病人或家属介绍管床医生和护士·病区护士...</div>
            </li>
            <li @click="toNewDetail(18)">
              <div class="line">4.家政服务要注意些什么？</div>
              <div class="more_line">    1、建立良好的人际关系     家政服务人员服务的过程首先是与雇主相处的过程，因此家政服务人员入户后，必须要和雇主建立起良好的人际关系，只有雇佣双方建立起和谐的人际关系，家政服务员在服务的过程中才能心情愉快，工作顺利。否则，双方的合作将无法继续，家政服务员就会失去这份工作。     要...</div>
            </li>
            <li @click="toNewDetail(19)">
              <div class="line">5.家政服务包括哪些项目？</div>
              <div class="more_line">    现如今，很多人都忙于工作，没空打理家务，因此会找家政公司帮忙，这样轻松很多。那么家政服务包括哪些项目呢？我们一起来看看吧。     家政服务包括哪些项目     包括了家庭服务、保洁、小朋友的托管，还有大家熟知的产后护理以及婴儿护理。还有些项目是大家比较不懂的，例如：汽车保洁、宠物托管...</div>
            </li>
          </ul>
        </van-tab>
      </van-tabs>
      <div class="more" @click="toNew">点击查看更多</div>
    </div>

    <bottom/>
    <contact/>
  </div>
</template>

<script>
import {Swipe, SwipeItem,Tab, Tabs} from 'vant'
export default {
  data(){
    return {
      active:0
    }
  },
  components:{    
    'van-swipe':Swipe,
    'van-swipe-item':SwipeItem,
    'van-tabs':Tabs,
    'van-tab':Tab,
  },
  methods:{
    toNewDetail(id){
      this.$router.push({
        path:'/newDetail',
        query: {
          id,
          currentPageName:'新闻中心'
        }
      })
      document.documentElement.scrollTop = 0;
    },
    toProduct(){
      this.$router.push({
        path:'/product',
        query:{
          currentPageName:'产品中心'
        }
      })
      document.documentElement.scrollTop = 0;
    },
    toNew(){
      this.$router.push({
        path:'/new',
        query:{
          currentPageName:'新闻中心'
        }
      })
      document.documentElement.scrollTop = 0;
    }
  }
}
</script>

<style lang="scss" scoped>
img{
  width:100%;
  height:100%;
}
::v-deep .van-swipe__indicator{
  width: 10px;
  height: 10px;
}
.my-swipe .van-swipe-item {
  height:200px;
}
h1{
  color: #4F93FF;
  line-height: 28px;
  font-size: 24px;
  padding-top: 20px;
}
.intro{
  padding-top: 6px;
  font-weight: 300;
}
h2{
  color: #4F93FF; 
  text-align:left;
}
p{
  text-align:left;
  padding:10px 0;
  &::before{
    content:"      ";
    white-space: pre;
  }
}
.container{
  padding:0 10px;
  text-align: center;

  .partner_img{
    width:100%;
    height:260px;
    padding:10px 0;
  }
  .product{
    width:100%;
    display:flex;
    justify-content:space-around;
    flex-wrap: wrap;
    .product_item{
      padding-top: 20px;
      .img_container{
        width: 170px;
        height: 105px;   
      }
      .type{
        padding-top: 10px;
      }
    }
  }
}
.company{
  text-align:center;
  background-color: #f5f5f5;
  padding:0 20px;
  .company_img{
    width:100%;
    height:207px;
    padding:20px 0;
  }
  p{
    line-height:30px;
  }
  .honor{
    padding:20px 0 40px;
    span{
      display:block;
      width:70px;
      padding:10px 20px;
      margin:0 auto;
      background-color:#16accc;
      color:#fff;
    }
  }
  .honor_img{
    display:flex;
    justify-content:space-around;
    .honor_img_item{
      width:157px;
      height:118px;
    }
  }
}
.new{
  ::v-deep .van-tabs__wrap{
    padding:30px 0;
    .van-tabs__nav{
      justify-content: space-around;
      .van-tab{
        flex-grow: 0;
        flex-basis: auto;
        width: 100px;
        background-color: #3460f2;
        color:#fff;
      }
      .van-tab--active{
        background-color:#16accc;
      }
      .van-tabs__line{
        display:none;
      }
    }
  }
  ul{
    padding:0 10px;
    li{
      padding-bottom: 20px;
      .line {
        white-space:nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
      }
      .more_line{
        text-overflow: -o-ellipsis-lastline;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;	
        -webkit-line-clamp: 2;
        line-clamp: 2;
        -webkit-box-orient: vertical;
        color:#999;
        &::before{
          content:"      ";
          white-space: pre;
        }
      }
    }
  }
  .more{
    padding:20px 0;
    font-size:20px;
    text-align:center;
    color:#16accc;
  }
}

</style>